import React from "react"
import s from "./style.module.less"
import { RightOutlined } from "@ant-design/icons"

export default function Label({ tag }) {
  return (
    <div className={s.label}>
      <div className={s.top}>
        <div style={{ display: "flex", alignItems: "center" }}>
          <svg className="icon" aria-hidden="true">
            <use xlinkHref="#icon-biaoqian"></use>
          </svg>
          <span className={s.title}>标签</span>
        </div>
        <span className={s.btn}>
          <RightOutlined />
        </span>
      </div>
      <div className={s.content}>
        {tag.map((item) => (
          <span key={item.id}>{item.name}</span>
        ))}
      </div>
    </div>
  )
}
